<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta charset="utf-8">
		<title>推送云平台文章</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="../layui/css/layui.css" media="all">
		<link rel="stylesheet" href="../css/public.css"/>
		<link rel="stylesheet" href="../css/articleManagement.css"/>
		<style type="text/css">
		.selarticle-con{
			padding: 0 15px 15px 15px;
			margin-bottom: 30px;
		}
		.selarticle-con .articletype dl dd.layui-this{
			background-color: #1E9FFF !important;
		}
		.selarticle-con .layui-table-view{
			border: none;
		}
		.selarticle-con .layui-table-view .layui-table[lay-skin=line]{
			border: 0;
		}
		.selarticle-con .layui-table-box{
			margin-top: 10px;
		}
		.selarticle-con .layui-table-body table tbody .layui-table-hover{
			background: #fffdd3 !important;
		}
		.selarticle-con .layui-table-body table tbody .layui-table-click{
			background: #fdef9b !important;
		}
		.selarticle-con .layui-table, .layui-table-view{
			margin-top: 0px;
		}
		/* 信息查看弹窗 */
		.selinfolayer-con{
			display: none;
			padding: 10px;
			margin-bottom: 20px;
		}
		.selinfolayer-con .selinfolayer-title{
			padding-top: 10px;
		    margin-bottom: 10px;
			background-color: #FBFBFB;
		    box-shadow: inset 0 0 10px #CCC;
			-moz-box-shadow: inset 0 0 10px #CCC;
		    -webkit-box-shadow: inset 0 0 10px #CCC;
		}
		.selinfolayer-con .selinfolayer-title p{
			font-size: 22px;
			font-weight: bold;
			text-align: center;
			color: rgb(82,82,82);
		}
		.selinfolayer-con .selinfolayer-title ul{
			float: right;
			font-size: 15px;
			margin-right: 20px;
			margin-bottom: 10px;
		}
		.selinfolayer-con .selinfolayer-title ul li{
			float: left;
			margin-left: 10px;
			list-style: none;
		}
		.selinfolayer-con .selinfolayer-title .enclosure{
			clear: both;
			height: 45px;
			line-height: 45px;
			padding: 0px 15px;
			border-top: 1px solid #E6E6E6;
			border-bottom: 1px solid #E6E6E6;
		}
		.selinfolayer-con .selinfolayer-wrap{
			overflow-y: auto;
			padding: 5px;
			/* background-color: #f2f2f2; */
			box-shadow: inset 0 0 10px #CCC;
			-moz-box-shadow: inset 0 0 10px #CCC;
		    -webkit-box-shadow: inset 0 0 10px #CCC;
			
		}
		.selinfolayer-con .selinfolayer-wrap .main-content{
			padding-bottom: 20px;
			background-color: white;
		}
		.selinfolayer-con .selinfolayer-wrap .main-content text{
			height: auto !important;
			border: none;
		}
		.selinfolayer-con .selinfolayer-wrap .main-content .comment a{
			width: 98%;
			height: 30px;
			display: block;
			margin-top: 50px;
			padding-left: 2%;
			line-height: 30px;
			background-color: #f2f2f2;
		}
		.selinfolayer-con .selinfolayer-wrap .main-content .comment div{
			margin-left: 10px;
			padding: 10px 0px;
			border-bottom: 1px solid #EEEEEE;
		}
		.selinfolayer-con .selinfolayer-wrap .main-content .comment div ul li{
			float: left;
			padding: 10px;
			font-size: 17px;
			list-style: none;
			margin-left: 10px;
			margin-right: 30px;
		}
		.selinfolayer-con .selinfolayer-wrap .main-content .comment div p{
			clear: both;
			margin-left: 20px;
		}
		</style>
	</head>
	<body>
	<div class="selcouldInfo-con">
		<!-- 弹窗内容开始 -->
		<div class="selinfolayer-con" id="selinfolayer-con">
			<div class="selinfolayer-title">
				<p><span id="topic"></span></p>
				<ul>
					<li>发布人：</li>
					<li><span id="author"></span></li>
					<li style="margin-left: 30px;">发布时间：</li>
					<li><span id="pushTime"></span></li>
				</ul>
				<div class="enclosure">
					附件：(<i id="addfileicon" class="layui-icon" style="margin-right: 10px;">&#xe64c</i>
					<a href="javascript:" id="enclosure"></a>)
				</div>
			</div>
			<div class="selinfolayer-wrap">
				<div class="main-content">
					<text name="infoContent" id="infoContent" placeholder="请输入内容" class="layui-textarea"></text>
				</div>
			</div>
		</div>
		<!-- 弹窗内容结束 -->
	
		<blockquote class="layui-elem-quote not_border_left">
			<form class="layui-form" action="">
			<div class="layui-inline">
				<div class="layui-input-inline">
				    <select name="infotype" id="infotype" lay-filter="infotype">
				    	<option value='0'>请选择信息类型</option>
				    	<option value='1002'>新闻</option>
				    	<option value='1003'>文章</option>
					</select>
				</div>  
				<div class="layui-input-inline">
				    <select name="stage" id="stage" lay-filter="stage">
				    	<option value='0'>请选择阶段</option>
					</select>
				</div> 
				<div class="layui-input-inline">
				    <select name="schoolid" id="schoolid" lay-filter="schoolid">
				    	<option value='0'>请选择学校</option>
					</select>
			   </div>
			   <div class="layui-inline">
      				<input type="text" name="title" id="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
			   </div>					
			   <div class="layui-inline">
      				<button id="btnselinfo" class="layui-btn layui-bg-blue" type="button" lay-event="seleBtn" lay-submit="" lay-filter="btnselinfo">查询</button>
			   </div>
			</div>	
			</form>
		</blockquote>
		<table class="layui-hide" id="InfoList" lay-filter="InfoList"></table>
		<!--查询条件Start-->

		<!-- 类型判断  -->
		<script type="text/html" id="infoTypeText">
			<span id="{{ d.id }}">{{ d.type == '1001' ? '通知' : (d.type == '1002' ? '新闻' : '文章') }}</span>
		</script>

		<script type="text/html" id="barDemo">
			<a href="JavaScript:;" class="layui-btn layui-btn-xs layui-bg-blue" lay-event="selcouldInfo">查看</a>
			<a href="JavaScript:;" class="layui-btn layui-btn-xs layui-bg-blue" lay-event="pubcouldInfo">推送</a>
		</script>
	</div>
	<script src="../js/jquery-3.3.1.js"></script>
	<script src="../layui/layui.all.js"></script>
	<script src="../js/loading.js"></script>
	<script src="../js/articleManagement/selCouldInfo.js"></script>
	</body>
</html>
